<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1"><!--移动设备优先-->
    <title>设备消毒</title>
    <style type="text/css">@import url("<c:url value="/css/lib/bootstrap.min.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/css/lib/V2.0/weknow.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/css/lib/font-awesome.min.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/plugins/jquery-ui/jquery-ui.min.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/css/lib/boxImg.css"/>");</style>
    <style type="text/css">
        .active_tab {
            border-bottom: 2px solid #6e8cd7;
            color: #6e8cd7 !important;
        }

        .my_tab {
            width: 160px;
            text-align: center;
            padding-bottom: 10px;
            cursor: pointer;
        }

        .search_key_color {
            color: #3D8AE1;
        }

        .hrLine {
            vertical-align: middle;
            display: inline-block;
        }

        before,after{
            opacity: .3;
            position: absolute;
            top: -5px;
            right: 0;
        }

        after{
            top: 5px;
        }

        .trA{
            color: #000000;
            position: relative;
            padding-right: 16px;
            cursor: pointer;
        }
    </style>
</head>
<body>
<!-- Preloader -->
<div class="animationload">
    <div class="loader">
        Loading...
    </div>
</div>
<!-- End Preloader -->
<input type="hidden" id="businessSubType" value="${businessSubType}"/>
<input type="hidden" id="supervisorName" value="${INVS_LOGIN.doctor.name}"/>
<input type="hidden" id="institutionId"/>

<div class="container-fluid">
    <!-- 设备消毒 -->
    <section id="sewage" class="input-toggle">
        <!-- 头部信息 -->
        <div class="row">
            <div class="col-xs-6">
                <c:forEach var="a" items="${secondMenus}" varStatus="xh">
                    <label id="${a.url}" class="my_tab
                        <c:if test="${xh.first}">active_tab</c:if>
                        <c:if test="${!xh.first}">sel_tab_area</c:if>
                        " style="margin: 20px 20px 30px 0px;">${a.name}</label>
                    <c:if test="${!xh.last}"><span>|</span></c:if>
                </c:forEach>
            </div>
        </div>

        <div class="row" name="disinfect">
            <div class="col-xs-12">
                <div class="form-inline">
                    <div class="form-group">
                        日期
                        <div class="input-group">
                            <input type="text" class="form-control my_date_control" style="ime-mode:active"
                                   maxlength="10" id="disinfectDtFrom" value="${disinfectDtFrom}" autocomplete="off">
                        </div>

                    </div>
                    <div class="form-group">
                        --
                        <div class="input-group">
                            <input type="text" class="form-control my_date_control" style="ime-mode:active"
                                   maxlength="10" id="disinfectDtTo" value="${disinfectDtTo}" autocomplete="off">
                        </div>
                    </div>
                    <div class="form-group">
                        状态
                        <div class="input-group">
                            <select id="checkSt" class="form-control">
                                <option value="9">全部</option>
                                <option value="0">正常</option>
                                <option value="-1">异常</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        医疗机构类型
                        <div class="input-group">
                            <select name="institutionTypeFirstScreen" class="form-control">
                                <option value="">全部</option>
                                <c:forEach var="a" items="${typeFirstList}">
                                    <option value="${a.value}">${a.fullName}</option>
                                </c:forEach>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        医疗机构
                        <div class="input-group">
                            <input type="text" class="form-control" style="ime-mode:inactive" id="institutionName"
                                   autocomplete="off">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" id="onlyShowAppeal"> 只显示申诉未处理的机构
                            </label>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <button type="button" id="search" class="btn btn-primary"
                                    style="margin-left: 30px;width:90px;">搜索
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row" name="ultraviolet" id="ultraSearchFilter" style="display: none;">
            <div class="col-xs-12">
                <div class="form-inline">
                    <div class="form-group">
                        状态
                        <div class="input-group">
                            <select id="ultraSt" class="form-control">
                                <option value="-1">全部</option>
                                <option value="0">正常</option>
                                <option value="1">异常</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        医疗机构
                        <div class="input-group">
                            <input type="text" class="form-control" style="ime-mode:inactive" id="institutionNameInput"
                                   autocomplete="off">
                        </div>
                    </div>
                    <div class="form-group">
                        医疗机构类型
                        <div class="input-group">
                            <select name="institutionTypeFirstScreen2" class="form-control">
                                <option value="">全部</option>
                                <c:forEach var="a" items="${typeFirstList}">
                                    <option value="${a.value}">${a.fullName}</option>
                                </c:forEach>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <button type="button" id="searchUltra" class="btn btn-primary"
                                    style="margin-left: 30px;width:90px;">搜索
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row" style="padding-left:0px;" name="disinfect">
            <div class="col-xs-12">
                <table class="table table-condensed table-hover table-bordered" id="dataTable">
                    <thead>
                    <tr>
                        <th class="text-center" style="width:15%;">医疗机构</th>
                        <th class="text-center" style="width:5%;">医疗机构类型</th>
                        <th class="text-center" style="width:5%;">当前规则</th>
                        <th class="text-center" style="width:5%;">
                            <span onclick="orderByName('dataTable',3,'int');"><span onclick="updateSort(this)" class="trA">登记次数<before>▲</before><after>▼</after></span></span>
                        </th>
                        <th class="text-center" style="width:5%;">
                            <span onclick="orderByName('dataTable',4,'int');"><span onclick="updateSort(this)" class="trA">申诉未处理数<before>▲</before><after>▼</after></span></span>

                        </th>
                        <th class="text-center" style="width:5%;">状态</th>
                        <th class="text-center" style="width:5%;">操作</th>
                    </tr>
                    </thead>
                    <tbody id="tbodySpecimenList"></tbody>
                </table>
            </div>
        </div>
        <div class="row" style="padding-left:0px;display: none;" name="ultraviolet">
            <div class="col-xs-12">
                <table class="table table-condensed table-hover table-bordered text-center">
                    <thead>
                    <tr>
                        <th class="text-center" style="width:15%;">医疗机构</th>
                        <th class="text-center" style="width:5%;">医疗机构类型</th>
                        <th class="text-center" style="width:5%;">状态</th>
                        <th class="text-center" style="width:5%;">操作</th>
                    </tr>
                    </thead>
                    <tbody id="tbodyUltraIstList"></tbody>
                </table>
            </div>
        </div>
    </section>
    <!-- 明细 -->
    <section id="sewage_detail" class="input-toggle" style="display:none;">
        <header style="border-bottom: 1px solid #F3F3F7; margin-bottom: 5px;">
            <div class="row">
                <div class="col-md-3">
                    <h3 id="headTitle" style="margin-top: 10px; font-size: 20px;">
                        <i class="fa fa-long-arrow-left"
                           style="color: #c5c5c5; border-right:1px solid #c5c5c5;padding-right: 5px;"
                           id="backToWorkspace"></i>
                        <span style="margin-right:50px;" id="instrument_modal_title">设备消毒</span>
                    </h3>
                </div>
                <div class="col-md-7 text-center">
                    <h3><span id="institution_name_dis">医疗机构XXXX</span><span id="range_dis">时间yyyy-MM-dd</span></h3>
                </div>
            </div>
        </header>
        <table class="table table-condensed table-hover table-bordered">
            <thead class="bg-default" id="tHead_SpecimenDetailList"></thead>
            <tbody id="tbodySpecimenDetailList"></tbody>
        </table>
    </section>

    <!-- 紫外线明细 -->
    <section id="ultra_institution_detail" class="ultra-toggle" style="display:none;">
        <header style="border-bottom: 1px solid #F3F3F7; margin-bottom: 5px;">
            <div class="row">
                <div class="col-md-3">
                    <h3 style="margin-top: 10px; font-size: 20px;">
                        <i class="fa fa-long-arrow-left"
                           style="color: #c5c5c5; border-right:1px solid #c5c5c5;padding-right: 5px;cursor: pointer;"
                           id="backToUltraMain"></i>
                        <span style="margin-right:50px;">紫外线消毒灯使用情况</span>
                    </h3>
                </div>
                <div class="col-md-7 text-center">
                    <h3><span id="institution_name_sp">医疗机构XXXX</span></h3>
                </div>
            </div>
        </header>
        <table id="ultraviolet_instrument_table" class="table table-condensed table-hover table-bordered text-center"
               style="width: 70%">
            <thead>
            <tr>
                <th class="text-center">名称</th>
                <th class="text-center">使用寿命（小时）</th>
                <th class="text-center">累计使用时长（小时）</th>
                <th class="text-center">状态</th>
                <th class="text-center">启用日期</th>
            </tr>
            </thead>
            <tbody id="tbodyUI"></tbody>
        </table>

        <div style="width: 100%; text-align:left;">
            <hr class="hrLine" style="width: 4%"/>
            <span style="width: 6%; text-align: center; vertical-align: middle">更换记录</span>
            <hr class="hrLine" style="width: 90%"/>
        </div>

        <div style="margin-bottom: 10px;margin-top: 10px;">
            <div style="display: inline-block; width: 60px;height: 34px; line-height: 34px;">状态：</div>
            <select class="form-control" id="ultraRecordSel" style="display: inline-block; width: 80px;">
                <option value="-1">全部</option>
                <option value="0">正常</option>
                <option value="1">异常</option>
            </select>
        </div>
        <table id="ultraviolet_record_table" class="table table-condensed table-hover table-bordered text-center"
               style="width: 70%">
            <thead>
            <tr>
                <th class="text-center">名称</th>
                <th class="text-center">操作类型</th>
                <th class="text-center">使用寿命（小时）</th>
                <th class="text-center">累计使用时长（小时）</th>
                <th class="text-center">状态</th>
                <th class="text-center">操作日期</th>
            </tr>
            </thead>
            <tbody id="tbodyUR"></tbody>
        </table>
    </section>
</div>

<script src="<c:url value="/js/lib/jquery.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/bootstrap.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/plugins/jquery-ui/wn-jquery-ui.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/weknow.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/wn-validator.js"/>" type="text/javascript"></script>
<!-- table排序js -->
<script src="<c:url value="/js/pc/util/sortUtil.js?V1.1"/>" type="text/javascript"></script>
<!-- 申诉共用js -->
<script src="<c:url value="/js/pc/appeal/appeal.js?${JsVersionProperties.prop.getProperty('appeal')}"/>"
        type="text/javascript"></script>
<!-- 消毒明细查询共用js -->
<script src="<c:url value="/js/pc/show_img/show_img.js?${JsVersionProperties.prop.getProperty('show_img')}"/>"
        type="text/javascript"></script>
<script src="<c:url value="/js/pc/instrument_disinfect/instrument_disinfect_common.js?V0.8.1"/>"
        type="text/javascript"></script>
<script src="<c:url value="/js/pc/instrument_disinfect/instrument_disinfect.js?V1.9.9"/>" type="text/javascript"></script>
</body>
</html>
